<template>
	<div id="search">
		<div class="search">
			<div class="pd">
				<form action="" method="post">
					<i class="iconfont icon-sousuo"></i>
					<input type="text" placeholder="搜素歌曲、歌单、专辑" />
				</form>
			</div>
		</div>
		<div class="keys">
			<h3 class="title">热门搜索</h3>
			<div class="word" :class="index==0?'hotword':''" v-for="(item,index) in word">
				{{item.name}}
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				word: [{
						name: "我是歌手第三季",
					},
					{
						name: "Snake",
					},
					{
						name: "BOOM培",
					},
					{
						name: "蓝景之夜",
					},
					{
						name: "叶问传人-叶梁叶师傅",
					},
					{
						name: "PHP后台大佬林张锋",
					},
					{
						name: "鱼宝GG",
					},
				]
			}
		},
	}
</script>

<style lang="scss" scoped>
	@import "../scss/search";
</style>